// 打开指定的选项卡
function openTab(event, tabName) {
    // 获取所有选项卡按钮
    const tabButtons = document.getElementsByClassName("tab-button");
    // 遍历所有按钮，移除active类
    for (let i = 0; i < tabButtons.length; i++) {
        tabButtons[i].classList.remove("active");
    }
    // 获取所有选项卡内容
    const tabPanes = document.getElementsByClassName("tab-pane");
    // 遍历所有内容，移除active类
    for (let i = 0; i < tabPanes.length; i++) {
        tabPanes[i].classList.remove("active");
    }
    // 添加active类到当前点击的按钮和对应的选项卡内容
    document.getElementById(tabName).classList.add("active");
    event.currentTarget.classList.add("active");
}

// 初始化时打开第一个选项卡
document.addEventListener("DOMContentLoaded", function() {
    openTab(event, 'tab1');
});